<!doctype html5>
<html>
    <head>
        <title>编辑动画</title>
        <meta charset="utf-8">
        <script src="./editanimate.js"></script>
        <link href="./editanimate.css" rel="stylesheet">
    </head>
    <body align="center">
        <h1>名称:</h1>
        <input class="name">
        <hr>
        <h2>起始状态:</h2>
        <span>X:</span><input type="number" class="start-x"><br>
        <span>Y:</span><input type="number" class="start-y"><br>
        <span>Width:</span><input type="number" class="start-width"><br>
        <span>Height:</span><input type="number" class="start-height"><br>
        <span>Scale:</span><input type="number" class="start-scale"><br>
        <span>Color:</span><input type="color" class="start-color"><br>
        <span>Rotate:</span><input type="number" class="start-rotate"><br>
        <span>Alpha:</span><input type="number" class="start-alpha"><br>
        <hr>
        <h2>结束状态:</h2>
        <span>X:</span><input type="number" class="end-x"><br>
        <span>Y:</span><input type="number" class="end-y"><br>
        <span>Width:</span><input type="number" class="end-width"><br>
        <span>Height:</span><input type="number" class="end-height"><br>
        <span>Scale:</span><input type="number" class="end-scale"><br>
        <span>Color:</span><input type="color" class="end-color"><br>
        <span>Rotate:</span><input type="number" class="end-rotate"><br>
        <span>Alpha:</span><input type="number" class="end-alpha"><br>
        <hr>
        <h2>配置部分</h2>
        <span>Time:</span><input type="number" class="time"><br>
        <span>Timing Function:</span>
        <select class="tf">
            <option>leaner</option>
            <option>ease-in</option>
            <option>ease-out</option>
            <option>ease-in-out</option>
        </select>
        <br>
        <span>Is Infinite:</span><input type="checkbox" class="is_infinite"><br>
        <input type="button" value="确定" onclick="ok()">
    </body>
</html>